<template>
	<page-loading :show='pageLoading'>
	<view class="header">
    <default-img msg="暂无收藏, 先去逛逛吧" :show="firstLoading"></default-img>
    
		<view v-if="!firstLoading" class="list">
			<u-swipe-action :show="item.show" v-for="(item, index) in list" :key="item.id" :index="item.id" @open="open" @click="click(item)"
			 :options="options" btn-width="230">
				<view class="shopList">
					<view class="img">
						<image :src='item.store_Topimg'></image>
					</view>
					<view class="contenList">
						<view class="nameIcon">
							<text class="name">{{item.store_Name}}</text>
							<text class="authentication">门店认证</text>
							<i-icon class="icon" icon="iconbao_1" color="rgb(251,176,0)" size="30rpx" v-if="item.balance===1"></i-icon>
						</view>
						<view class="followTime">
							<view class="zy" v-if="item.isgover===1">自营</view>
							<view class="city">{{item.address}}</view>
							<view class="time">{{item.time}}</view>
						</view>
					</view>
				</view>
			</u-swipe-action>

			<u-loadmore :status="status" v-if="list.length >= 10 " margin-top="40" margin-bottom="40" />
		</view>
	</view>
	</page-loading>
</template>

<script src="./collection.js"></script>
<style lang="scss" scoped>
	@import './collection.scss';
</style>
